<div class="Draft">
	 <!-- 分类按钮 -->
    <div class="title">
        <button ng-class="{ highlight: pageState.activeTab == 1}" ng-click="switchTab(1)">草稿单据</button>
        <button ng-if="boosExamineIsShow || financeExamineIsShow" ng-class="{ highlight: pageState.activeTab == 2}" ng-click="switchTab(2)">财务待审核单据</button>
        <button ng-if="boosExamineIsShow" ng-class="{ highlight: pageState.activeTab == 3}" ng-click="switchTab(3)">老板待查阅单据</button>{{boosExamine}}
    </div>
    <!-- 日期选择器 -->
    <div class="time-container" ng-show="boosExamine">
        <span class="time">时间</span>
        <div id="reportrange" class="pull-left dateRange">
            <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
            <span id="searchDateRange"></span>
            <b class="caret"></b>
        </div>
        <button ng-show="pageState.activeTab == 3" class="xy-btn xy-btn-orange batchCheck" ng-click="batchCheck();">批量查阅</button>
    </div>
    <!-- 选项卡0的表 -->
    <div class="table t0" ng-show="pageState.activeTab == 1">
        <!-- 头 -->
        <div class="head table-row">
            <span>最后更新时间</span>
            <span>单据编号</span>
            <span>单据种类</span>
            <span class="two-buttons">操作</span>
        </div>
        <!-- 身 -->
        <div class="table-row" ng-repeat="item in data">
            <span>{{item.reg_time | time}}</span>
            <span>{{item.sn}}</span>
            <span>{{item.class | _class}}</span>
            <span class="two-buttons">
                <button ng-click="continueToFill(item)">继续填写</button>
                <button ng-click="deleteDraft(item)">删除</button>
            </span>
        </div>
    </div>
    <!-- 选项卡1的表 -->
    <div class="table t1" ng-show="pageState.activeTab == 2">
        <!-- 头 -->
        <div class="head table-row">
            <span>创建时间</span>
            <span>单据编号</span>
            <span>申领人</span>
            <span>金额</span>
            <span>备注</span>
            <span>操作</span>
        </div>
        <!-- 身 -->
        <div class="table-row" ng-repeat="item in data">

            <span>{{item.reg_time | time}}</span>
            <span>{{item.sn}}</span>
            <span>{{item.cid_name}}</span>
            <span>{{item.income}}</span>
            <span class="ellipsis">{{item.remark}}</span>
            <span><button ng-click="financeExamine($index);">单据详情</button></span>
        </div>
    </div>
    <!-- 选项卡2的表 -->
    <div class="table t2" ng-show="pageState.activeTab == 3">
        <!-- 头 -->
        <div class="head table-row">
            <span class="pointer" ng-show='!isAllChecked' ng-click="AllCheck()">全选</span><span ng-show="isAllChecked" ng-click="AllCheck()">取消全选</span>
            <span>创建时间</span>
            <span>单据编号</span>
            <span>单据种类</span>
            <span>操作人</span>
            <span>金额</span>
            <span>备注</span>
            <span>操作</span>
        </div>
        <!-- 身 -->
        <div class="table-row" ng-repeat="item in data">
        	<span ng-click="checkItem(item);"><i ng-show="!item.isCheck" class="fa fa-square-o"></i><i ng-show="item.isCheck" class="fa fa-check-square-o"></i></span>
            <span>{{item.reg_time | time}}</span>
            <span>{{item.sn}}</span>
            <span>{{item.class | _class}}</span>
            <span>{{item.cid_name}}</span>
            <span>{{item.income}}</span>
            <span class="ellipsis">{{item.remark}}</span>
            <span><button ng-click="boosExamine($index);">单据详情</button></span>
        </div>
    </div>
    <!-- 共用的分页 -->
    <div class="page-navi">
        <div ng-class="{'cb':item.isNowPage == true,'bthover':isMobile==false}" ng-repeat="item in paginator.pageList" ng-click="paginator.clickButton(item);">
            <span>{{item.content}}</span>
        </div>
    </div>
</div>